<template>
  <div class="dashboard-container">
    <div class="dashboard-header">
      <h2>博物馆简介</h2>
    </div>
    
    <el-card class="museum-intro">
      <div class="intro-content">
        <h3>欢迎来到博物馆管理系统</h3>
        <div class="intro-text">
          <p>本博物馆致力于保护和展示珍贵的文化遗产，让参观者能够近距离感受历史的魅力。</p>
          <p>开放时间：周二至周日 09:00-17:00（16:30停止入场）</p>
          <p>闭馆时间：每周一（国家法定节假日除外）</p>
        </div>
        
        <h4>参观须知</h4>
        <div class="notice-text">
          <p>1. 请提前预约参观时间</p>
          <p>2. 馆内禁止拍照和触摸文物</p>
          <p>3. 请保持安静，不要大声喧哗</p>
          <p>4. 请爱护文物，共同维护参观环境</p>
        </div>
      </div>
    </el-card>
  </div>
</template>

<script setup>
// 移除了之前的所有数据和方法，保持简单的页面展示
</script>

<style scoped>
.dashboard-container {
  padding: 20px;
}

.dashboard-header {
  margin-bottom: 24px;
}

.dashboard-header h2 {
  font-size: 24px;
  color: #303133;
  margin: 0;
  margin-bottom: 20px;
}

.museum-intro {
  margin-bottom: 24px;
}

.intro-content {
  padding: 20px;
}

.intro-content h3 {
  color: #303133;
  margin-bottom: 20px;
  font-size: 20px;
}

.intro-content h4 {
  color: #303133;
  margin: 20px 0;
  font-size: 18px;
}

.intro-text, .notice-text {
  color: #606266;
  line-height: 1.8;
}

.intro-text p, .notice-text p {
  margin-bottom: 10px;
}
</style>